<template>
  <div class="news-section">
    <h2 class="section-title">体育新闻</h2>
    <div class="news-list">
      <div class="news-item">
        <h3>国足世预赛取得关键胜利，晋级希望大增</h3>
        <p>
          在昨晚进行的世界杯预选赛中，中国男足客场2-1击败对手，取得关键三分，晋级形势明朗。
        </p>
        <span class="news-date">2025-06-10</span>
      </div>
      <div class="news-item">
        <h3>奥运会倒计时100天，各项准备工作就绪</h3>
        <p>
          距离本届奥运会开幕还有100天，组委会表示所有场馆和设施均已准备就绪，将提供最佳赛事体验。
        </p>
        <span class="news-date">2025-06-08</span>
      </div>
      <div class="news-item">
        <h3>篮球联赛总决赛：卫冕冠军险胜，总比分1-0领先</h3>
        <p>
          昨晚进行的篮球联赛总决赛首战中，卫冕冠军凭借最后时刻的绝杀，以102-100险胜对手。
        </p>
        <span class="news-date">2025-06-07</span>
      </div>
    </div>
  </div>
</template>

<script setup>
// 体育新闻组件
</script>

<style scoped>
.section-title {
  color: #2ecc71;
  border-bottom: 2px solid #2ecc71;
  padding-bottom: 0.5rem;
  margin-top: 0;
}

.news-list {
  margin-top: 1rem;
}

.news-item {
  padding: 1rem;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
}

.news-item h3 {
  margin-top: 0;
  color: #2c3e50;
}

.news-date {
  color: #7f8c8d;
  font-size: 0.85rem;
}
</style>
